html{
    background-color: #f0f0f0;
    font-size: 100px;
}
.m-index{
    height:100%;
    width:100%;
    @include flexbox();
    @include flex-direction(column);
    header{
        width:100%;

        .yo-header{
            text-align: left;
            position:relative;
            height:.44rem;  
            .regret{
                padding:0 0.1rem;
                width:1rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .kindre{
                padding:0 0.1rem;
                width:0.4rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .title{
                margin: 0.07rem 0.6rem 0 .94rem;
                height:0.29rem;
                line-height:0.29rem;
                background:#fef1ce;
                border-radius: .5rem;
                a{
                    display: block;
                    height:100%;
                    width:100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    color:#999;
                   img{
                        height:.16rem;
                        margin-left:.05rem;
                    }
                    span{
                        font-size: .13rem;
                        color:#999;
                        margin:0 0.04rem;
                        font-weight: 400;
                    } 
                }
                
            }
            .affirm{
                img{
                    height:.23rem;
                }
            }
            .more{
                height:100px;
                width:100px;
                background: rgba(0,0,0,0.5);
                position: absolute;
                z-index: 999;
                top:.47rem;
                right:.1rem;
                display:none;
            }
        }
        .carthead{
            height:.44rem;  
            padding:0px .1rem;
            @include flexbox();
            @include justify-content(space-between);
            @include align-items(center);
            background:#f8f8f8;
            .kindre{
                height:.16rem;
                width:.16rem;
                img{
                    height:100%;
                    width:100%;
                    
                }
            }
            .title{
                font-weight: normal;
                font-size:.16rem;
                font-family: "微软雅黑";
            }
            .affirm{
                height:.19rem;
                width:.19rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .more{
                height:1.6rem;
                width:1rem;
                background:rgba(93,93,93,1);
                position: absolute;
                top:.47rem;
                right:.05rem;
                border-radius: 3px;
                z-index:999;
                .quire{
                    height:0px;
                    width:0px;
                    border:8px solid transparent;
                    border-bottom:8px solid rgba(93,93,93,1);
                    position: absolute;
                    top:-16px;
                    right:5px;
                    z-index:999;
                }
                .list{
                    height:100%;
                    width:100%;
                    li{
                        height:.4rem;
                        padding:0px .05rem;
                        border-bottom:1px solid #999;
                        a{
                            height:100%;
                            width:100%;
                            @include flexbox();
                            @include align-items(center);
                            color:#fff;
                            font-size:.13rem;
                            img{
                                height:.16rem;
                                width:.16rem;
                                margin:0px .05rem;
                                vertical-align: middle;
                            }
                        }
                    }
                    li:last-child{
                        border-bottom:none;
                    }
                }
            }
        }
        .kindhead{
            height:.44rem;  
            padding:0px .1rem;
            @include flexbox();
            @include justify-content(space-between);
            @include align-items(center);
            background:#fabc09;
            position: relative;
            .kindre{
                height:.16rem;
                width:.16rem;
                img{
                    height:100%;
                    width:100%;
                    
                }
            }
            .title{
                height:.28rem;
                @include flex();
                background:#fef1ce;
                border-radius: .1rem;
                margin:0px .15rem;
                @include flexbox();
                @include justify-content(space-between);
                @include align-items(center);
                img{
                    height:.16rem;
                    width:.16rem;
                    margin:0px .05rem;
                }
                span{
                    @include flex();
                    display:inline-block;
                    height:100%;
                }
            }
            .affirm{
                height:.19rem;
                width:.19rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
            .more{
                height:1.6rem;
                width:1rem;
                background:rgba(93,93,93,1);
                position: absolute;
                top:.47rem;
                right:.05rem;
                border-radius: 3px;
                z-index:999;
                .quire{
                    height:0px;
                    width:0px;
                    border:8px solid transparent;
                    border-bottom:8px solid rgba(93,93,93,1);
                    position: absolute;
                    top:-16px;
                    right:5px;
                    z-index:999;
                }
                .list{
                    height:100%;
                    width:100%;
                    li{
                        height:.4rem;
                        padding:0px .05rem;
                        border-bottom:1px solid #999;
                        a{
                            height:100%;
                            width:100%;
                            @include flexbox();
                            @include align-items(center);
                            color:#fff;
                            font-size:.13rem;
                            img{
                                height:.16rem;
                                width:.16rem;
                                margin:0px .05rem;
                                vertical-align: middle;
                            }
                        }
                    }
                    li:last-child{
                        border-bottom:none;
                    }
                }
            }
        }
        .userHead{
            padding:0px .15rem;
            @include flexbox();
            @include align-items(center);
            @include justify-content(space-between);
            background:transparent;
            display:none;
            span{
                height:.16rem;
                width:.16rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
        }
    }
    section{
        width:100%;
        flex: 1;
        background-color: #f0f0f0;
        overflow-y: auto;
    }
    footer{
        height:.5rem;
        width:100%;
        background: #fff;
        @include border(1px 0 0 0, #dfdfdf);
        ul{
            height:100%;
            width:100%;
            @include flexbox();
            @include align-items(center);
            a{
                @include flex();
                li{
                    
                    @include flexbox();
                    @include flex-direction(column);
                    @include align-items(center);
                    @include justify-content(center);
                    img{
                        width:.22rem;
                    }
                    span{
                        font-size:13px;
                        color:#333;
                        display:inline-block;
                        line-height:.2rem;
                    }
                }
            }
        }
    }
}
